<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>


<!--
scoped 代表样式只在当前组件生效，其他组件不受到影响（私有 局部作用域）

TODO 面试问题：关于 vue 脚手架里面的 单文件组件里面是scoped是什么含义，以及是如何实现的，谈谈你对其的理解？

-->
<style scoped>
  /*如果不错处理写的样式是全局，那么所有的页面都会受到响应，一般建议组件内部的样式是当前组件私有的。
  1. 组件样式是私有的，内部维护
  2. 如果是要写全局样式
    2.1 main.js 全局引入
    2.2 App.vue 主组件引入
  */
  h1{
    background-color: #f00;
  }
</style>
